<!DOCTYPE html>
<html>
<head>
    <link rel="shortcut icon" href="favicon.ico" />
    <meta charset="UTF-8">
    <title>登录</title>
    <style type="text/css">
        body{
            background: url(__ROOT__/img/bg-1.jpg) no-repeat;
            background-size: cover;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
        #layout{
            height: 350px;
            width: 351px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 200px;
            background-color:rgba(255,255,255,0.6);

        }
        #loginbox{
            width:300px;
            height:294px;
            padding:25px 25px 23px;

        }
        #loginbox2{
            width:300px;
            height:250px;
            padding:0;
            background-color:rgba(255,255,255,0);
            position:relative;

        }
        #usernambox{
            width:300px;
            height:42px
            margin-top: 20px;
            position: relative;

        }
        #username,#password{
            width:238px;
            height:18px;
            padding: 11px 8px 11px 50px;
            line-height: 18px;
            margin-top: 20px;
            font-size: 16px;
            border: 1px solid #ddd;
            font-family: "微软雅黑";
        }
        #bt{
            height: 18px;
            line-height: 18px;
            font-size: 16px;
            color: #3c3c3c;
            margin-top: 9px;
            padding-bottom: 8px;
            font-weight: 700;}
        #ok{
            margin-top: 20px;
            width: 300px;
            height: 42px;
            border: 0;
            line-height: 42px;
            font-size: 16px;
            font-weight: 700;
            background-color: darkorange;
        }
        #personicon,#lockicon
        {
            position: absolute;
            width: 22px;
            margin-top: 29px;
            margin-left: 13px;
        }
    </style>
</head>
<body>
<div id="layout" >
    <div id="loginbox">
        <div id="bt">
            密码登录
        </div>
        <form action="{:url('index/user/logincheck')}" method="post">
            <div id="loginbox2">
                <div id="usernamebox">
                    <img id="personicon" src="__ROOT__/img/personicon.jpg" />
                    <input type="text" id="username" name="username" placeholder="用户名"/>
                </div>
                <br />
                <div id="pwdbox">
                    <img id="lockicon" src="__ROOT__/img/lockicon.jpg" />
                    <input type="password" id="password" name="password" placeholder="密码"/>
                </div>
                <br />
                <button id="ok" name="ok" type="submit">登录</button>
            </div>
        </form>
    </div>
</div>
</body>
</html>